$--colors: (
	'primary': (
		'base': #0052d9,
	),
	'success': (
		'base': #21ba45,
	),
	'warning': (
		'base': #f2711c,
	),
	'danger': (
		'base': #db2828,
	),
	'error': (
		'base': #db2828,
	),
	'info': (
		'base': #666,
	),
);

@forward 'element-plus/theme-chalk/src/common/var.scss' with (
	$colors: $--colors,
	$button-padding-horizontal: (
		'default': 50px,
	),
	$box-shadow: (
		header 'light': 0px 0px 20px rgba(15, 51, 122, 0.12),
		'lighter': 0px 0px 6px rgba(15, 51, 122, 0.12),
	)
);

@use './dark.scss';

:root {
  --el-text-color-regular:#1C1C28;
  --el-text-color-placeholder:rgba(28, 28, 40, 0.5);
	--el-color-primary: #0052d9;
	--el-menu-bg-color: #0052d9;
  --el-color-primary-light-8:rgba(0, 82, 217, 1),
	--el-menu-text-color: #000000;
	--el-menu-hover-bg-color: #e6f7ff;
	--backFilter: saturate(180%) blur(0.6px);
	--el-select-font-size: 16px;
	--el-font-size-base: 16px;
	--el-menu-item-height: 43px;
  --el-form-label-font-size:16px;
  --el-dialog-border-radius:19px;

	.el-table {
		--el-table-header-text-color: var(--el-text-color-primary);
		--el-table-header-bg-color: var(--table-header-bg-color);
		font-size: var(--el-font-size-base);

		thead {
			th {
				font-family: 'Microsoft YaHei Bold';
				color: #000000e6;
				font-weight: 700;
				background-color: var(--el-table-header-bg-color);
			}
		}
	}
  .el-dialog__title {
    font-weight: bold;
  }
  .el-input-number .el-input__inner {
    text-align: left;
  }
  .el-select-dropdown__footer {
    border: none;
  }
	.el-tabs--border-card {
		border: 1px solid #d2d9e6;
	}
	.el-menu-item:hover,
	.el-sub-menu__title:hover {
		color: #fff;
	}
	.custome-dialog {
    --el-dialog-padding-primary:0;

		border-radius: 15px;
		& > .el-dialog__header {
			padding: 0;
			margin: 0;
			height: 12em;
		}
		.el-dialog__headerbtn .el-dialog__close {
			color: #fff;
			background-color: #000000;
			margin-right: 20px;
		}
		& > .el-dialog__body {
			padding: 0;
			background-color: var(--el-dialog-body-bg);
			border-radius: 10px;
		}

		.content-card {
			box-shadow: var(--el-box-shadow-light);
			margin: 10px 20px;
			border-radius: 10px;
			background: #fff;
		}
	}
	.el-tabs__header {
		border-top: 2px solid #f5f5f5;
		margin: 0;
		padding: 0;
		background-color: #fff;
	}
	.el-tabs__nav-wrap {
		margin: 10px 20px;
	}
	.el-tabs__item.is-active {
		color: #000000e6;
	}
	.el-tabs__item {
		color: #999;
	}
	.el-overlay-dialog {
		// backdrop-filter: var(--backFilter);
		transition-duration: 0.2s;
		@extend .custome-dialog;
	}

	input::-webkit-input-placeholder {
		color: rgba(28, 28, 40, 0.5);
		font-size: 14px;
		font-family: 'Microsoft YaHei';
		font-weight: 400;
	}

	input::-moz-input-placeholder {
		color: rgba(28, 28, 40, 0.5);
		font-size: 14px;
		font-family: 'Microsoft YaHei';
		font-weight: 400;
	}

	input::-ms-input-placeholder {
		color: rgba(28, 28, 40, 0.5);
		font-size: 14px;
		font-family: 'Microsoft YaHei';
		font-weight: 400;
	}
	#app {
		color: var(--el-text-color-primary);
		.el-card {
			--el-card-border-radius: 15px;
			border-radius: var(--el-card-border-radius);
			border: 0 none;
		}
		@extend .custome-dialog;
	}
	.el-button {
		padding: 4px 6px;
		letter-spacing: 2px;
	}
}
